<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script language="JavaScript" src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>

<input type="button" value="改变表单内可用<input>元素的值" id="b1"/><br><br>
<input type="button" value="改变表单内不可用 <input>元素的值" id="b2"/><br><br>
<input type="button" value="获取多选框选中值" id="b3"/><br><br>
<input type="button" value="获取下拉框选中的内容" id="b4"/><br><br>

<br><br>
<input type="text" value="不可用值1" disabled="disabled">
<input type="text" value="可用值1"><br><br>

<input type="checkbox" name="items" value="美容">美容
<input type="checkbox" name="items" value="IT">IT
<input type="checkbox" name="items" value="金融">金融
<input type="checkbox" name="items" value="管理">管理

<br>
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女

<br><br>
<select name="edu" id="edu">
    <option>大专</option>
    <option selected="selected">本科</option>
    <option>硕士</option>
    <option>博士</option>
</select>

</body>
</html>
<script type="text/javascript">
   $("#b1").click(function () {
       $("input[type='text']:enabled").val("百度")
   })
   $("#b2").click(function () {
       $("input:disabled").val("百度")
   })
    $("#b3").click(function () {
        var obj =$("input:checked");
        for (var i = 0; i <obj.length ; i++) {
            console.log(obj[i].value)
        }
    })
    $("#b4").click(function () {
        alert($("select option:selected").val())
    })
</script>